<template>
  <Modal v-model="m.show" class-name="del_dialog">
    <p slot="header" class="del_header">
      <i class="iconfont icon-jinggao"></i>
      <span>{{m.title}}</span>
    </p>
    <div class="del_content">
      <p>{{m.content}}</p>
    </div>
    <div slot="footer" class="del_footer">
      <Button type="error" size="large" long @click="close">确认</Button>
    </div>
  </Modal>
</template>
<script>
  export default {
    props: ['m'],
    methods: {
      close () {
        this.m.show = false
      },
      open () {
        this.m.show = true
      }
    }
  }
</script>
<style lang='scss'>
@import '../assets/style/common.scss';
.del_dialog {
  top: px2rem(80px);
  width: 80vw !important;
  margin: auto;
  text-align:center;
  .del_footer, .del_header, .del_content {
    @include font-dpr(14px);
    button {
      @include font-dpr(12px);
    }
  }
  .del_header{
    height: px2rem(40px);
    line-height: px2rem(40px);
    color:#f60;
  }
}
</style>
